<template>
  <div class="research2">
     <nuxt-link to="/news/viewpoint" target="_blank">
      <h1 class="title">名家观点</h1>
     </nuxt-link>
      <ul>
              <li  v-for="(item,index) in newdata" :key="index">
                  <i class="dian"></i> 
                  <nuxt-link target="_blank" :to="'/post/' + item.pid">{{item.name}}</nuxt-link>
              </li>
              
          </ul>
  </div>
</template>

<script>
export default {
  props: {
    newdata: {
      type: Array,
      default: function() {
        return [];
      }
    }
  }
};
</script>

<style scoped>
.research2 {
  width: 100%;
  background: white;
  padding: 0 20px 28px;
  box-sizing: border-box;
}
.title {
  font-size: 20px;
  color: #cd9c54;
  height: 54px;
  line-height: 54px;
  border-bottom: 1px solid #e6e6e6;
}
.dian {
  display: inline-block;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  background: black;
  vertical-align: middle;
  margin-right: 10px;
}

ul li {
  margin-left: -6px;
}
ul li a {
  display: inline-block;
  cursor: pointer;
  width: 240px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  font-size: 12px;
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid #e6e6e6;
}
ul li a:hover {
  color: #cd9c54;
}
</style>

